<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    // const p = new Promise((resolve, reject) => {
    //   setTimeout(() => {
    //     //   console.log(1)
    //     resolve(1)
    //   }, 1000)
    // })
    //   .then((res) => {
    //     console.log(res) // 打印1
    //     return new Promise((resolve, reject) => {
    //       setTimeout(() => {
    //         //   console.log(1)
    //         resolve(2)
    //       }, 2000)
    //     })
    //   })
    //   .then((res) => {
    //     console.log(res)
    //     return new Promise((resolve, reject) => {
    //       setTimeout(() => {
    //         //   console.log(1)
    //         resolve(3)
    //       }, 3000)
    //     })
    //   })
    //   .then((res) => {
    //     console.log(res)
    //   })

    //优化后
    timeoutPromise = (delay) => {
      return new Promise((resolve, reject) => {
        setTimeout(() => {
          //   console.log(1)
          resolve(`延迟了${delay}秒`)
        }, delay * 1000)
      })
    }
    const pp = timeoutPromise(1)
      .then((res) => {
        console.log(res) // 打印1
        return timeoutPromise(2)
      })
      .then((res) => {
        console.log(res) //2
        return timeoutPromise(3)
      })
      .then((res) => {
        console.log(res) //3
      })
      // axios({}).then().then()
  </script>

</body>

</html>